import './App.css';
import logo from './logo.svg'
// 解决多个根标签问题
// import { Fragment } from 'react'

function App() {

const imgdata={
  className:"img",
style:{
  width:200,
  height:200,
  backgroundColor:'grey'
}
}
  // var content='title'
  //   const flag = true
  //   let discounts = null
  //   if (flag) {
  //     discounts = <span>1</span>
  //   } else {
  //     discounts = <p>2</p>
  //   }

  //   const [arr, setarr] = useState([
  //     { id: 1, name: 'a' },
  //     { id: 2, name: 'b' },
  //     { id: 3, name: 'c' },
  //     { id: 4, name: 'd' }])

  //     let arr1 = arr.map((item) => (
  //       <Fragment>
  //         <li key={item.id}>{item.name}</li>
  //         <li>..........</li>
  //       </Fragment>
  //     ))

  //   function handleClick(e) {
  //     // console.log(e);
  //     // console.log('点击了事件');
  // let id=3
  //     setarr([
  //       ...arr,
  //       {id:id++,name:'小火猫'}
  //     ])
  //   }
  return (
    <>
      <div className="App">
        {
          /* <div title={content}>
            {content}
            <ul onClick={handleClick}>
              {arr1}
            </ul>
            {discounts}
          </div> */
          <img
            src={logo}
            {...imgdata}
          />
        }
      </div>
    </>
  );
}

export default App;
